<template>
  <MenuPage>
    <!--  <div class="asset-detail-content">-->
    <template slot="title">
      <RadioGroup v-model="componentName" type="button">
        <Radio label="assetCategory">资产类型</Radio>
        <Radio label="assetTypeComponent">资产分类</Radio>
        <!--      <Radio label="vulnerability">漏洞</Radio>-->
      </RadioGroup>
    </template>
    <!--    <div class="asset-detail-content-components">-->
    <template slot="content">
      <asset-category class="my-tree" v-if="componentName === 'assetCategory'" page-pos="bottom" productId="" ref="assetCategory"></asset-category>
      <asset-type-component class="my-asset-type" v-if="componentName === 'assetTypeComponent'" page-pos="bottom" productId="" ref="assetTypeComponent"></asset-type-component>
    </template>
    <!--    </div>-->
    <!--  </div>-->
  </MenuPage>
</template>
<script>
import AssetCategory from "./assetCategory.vue";
import AssetTypeComponent from "./assetTypeComponent.vue";
export default {
    name:'AssetType',
  components:{AssetCategory,AssetTypeComponent},
    data(){
      return{
        componentName: 'assetCategory'
      }
    },
  mounted() {
    this.componentName = 'assetCategory'
  }
}
</script>

<style scoped>
.pt-content-menu.my-tree,
.pt-content-menu.my-asset-type {
  margin: 0;
}
</style>
